<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>案例</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
		<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
		<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta name="format-detection" content="telephone=no"/>
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css"/>
		<link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet">
		<link href="${s.base}/pc/css/weWeb.css" rel="stylesheet" />
	</head>
	<body>
		<div class="w1200 we-head clearfix">
			<div class="we-head-logo"><img src="/sysFile/showFileByPath?path=${websiteConfiguration.logoPath}"></div>
			<div class="we-head-nav">
				<ul>
					<li onclick="goFistPage()">首页</li>
					<li class="checked" onclick="goCaseListPage()">案例</li>
					<li onclick="goProductListPage()">应用中心</li>
					<li onclick="goAboutUsPage()">关于我们</li>
					<#if sysUser?? >
					<li onclick="goMyIndexPage()">控制中心</li>
					</#if>
				</ul>
			</div>
			<#if sysUser?? >
			<div class="we-head-logined">
				<div class="user-updown ellipsis"><i class="cytfonts">&#xe6a2;</i></div>
				<div class="user-name ellipsis">${sysUser.name}</div>
				<div class="user-Avatar"><img src="/sysFile/showFileByObjectId?objectId=${sysUser.headLogo}"></div>
				<div class="user-txt-list" style="display:none;">
					<ul>
						<li>个人中心</li>
						<li>退出</li>
					</ul>
				</div>
			</div>
			<#else>
			<div class="we-head-loginbtn">
				<span><a href="/login">登录</a></span>
			</div>
		</#if>
		</div>
		<div class="we-banner">
			 <!-- Swiper -->
			  <div class="swiper-container">
				<div class="swiper-wrapper">
					<#if bannerList?? && (bannerList?size > 0) >
					<#list bannerList as p>
						<#if p.url?? && p.url!="">
						<div onClick="goBannerUrl('${p.url}')" class="swiper-slide" style="background: url(/sysFile/showFileByPath?path=${p.path}) top center no-repeat;background-size:auto 100%;"></div>
						<#else>
						<div class="swiper-slide" style="background: url(/sysFile/showFileByPath?path=${p.path}) top center no-repeat;background-size:auto 100%;"></div>
						</#if>
					</#list>
					<#else>
					  <div class="swiper-slide" style="background: url(${s.base}/pc/images/banner.png) top center no-repeat;background-size:auto 100%;"></div>
				  	</#if>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
				<!-- Add Arrows -->
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			  </div>
		</div>\
		<div class="caseList-ctn clearfix">
			<ul>
				<#list websiteApplicationList as p>
				<li>
					<div class="hover-erm-view" style="display:none;">
						<div class="case-ewm-ctn"><img src="/sysFile/showFileByObjectId?objectId=${p.qrCode}"></div>
						<div class="case-view-btn">立即预览</div>
					</div>
					<div class="div-case-pic" style="background:url(/sysFile/showFileByPath?path=${p.path}) center no-repeat;background-size:cover;"></div>
					<h1 class="ellipsis">${p.name}</h1>
					<div class="line-bar"></div>
					<div class="div-two-line ellipsis2">
						${p.description}
                    </div>
				</li>
				</#list>
			</ul>
		</div>

		<div class="we-bot-foot">
			<div class="w1200 clearfix">
				<div class="bot-nav-left clearfix">
					<#list friendlyLinkCodeList as friendlyLinkCode>
					<dl>
						<dt>${friendlyLinkCode.codeName}</dt>
						<#list friendlyLinkCode.friendlyLinkList as friendlyLink>
						<dd>${friendlyLink.name}</dd>
					</#list>
					</dl>
				</#list>
			</div>
			<div class="bot-tel-mid">
				<h1>合作咨询热线</h1>
				<h2 class="ellipsis">${websiteConfiguration.telephone}</h2>
				<div class="adv-btn">在线咨询</div>
				<div class="adv-pic">
					<img src="${s.base}/pc/images/kf.png">
				</div>
			</div>
			<div class="bot-ewm-rig clearfix">
				<ul>
					<li><div class="ewm"><img src="/sysFile/showFileByPath?path=${websiteConfiguration.followPath}"></div><h1>扫一扫关注我们</h1></li>
					<li><div class="ewm"><img src="/sysFile/showFileByPath?path=${websiteConfiguration.interactPath}"></div><h1>扫一扫一起互动</h1></li>
				</ul>
			</div>
		</div>
		<div class="bot-div-line">地址：${websiteConfiguration.companyAddress}&nbsp;&nbsp;电话：${websiteConfiguration.phone}&nbsp;&nbsp;邮箱：${websiteConfiguration.mailbox}<br>
			${websiteConfiguration.recordNo}
		</div>
		</div>
	</body>
	<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/pc/js/jquery-2.1.4.min.js" type="text/javascript"></script>
	<script src="${s.base}/pc/js/swiper.min.js" type="text/x-javascript"></script>
	<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/pc/js/base.js" type="text/x-javascript"></script>
	<script>
        layui.use(['jquery', 'dialog', 'baseutil'], function () {
            var $ = layui.jquery,
                dialog = layui.dialog,
                baseutil = layui.baseutil;

            $('.user-txt-list li').bind('click', function () {
                if ($(this).index() === 0) {
                    window.open('/web/personalEdit', '_self')
                } else if ($(this).index() === 1) {
                    dialog.confirm("确定要退出吗？", function () {
                        baseutil.AjaxGetMark("/webExit", "", function () {
                            window.location.href = "/web/index";
                        });
                    });
                }
            });
        });

		$(function(){	
			var swiper = new Swiper('.swiper-container', {
			  slidesPerView: 1,
			  spaceBetween:0,
			  loop: true,
			  autoplay:true,
			  pagination: {
				el: '.swiper-pagination',
				clickable: true,
			  },
			  navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			  },
			});
			$(".we-head-nav ul li").bind("click",function(){
				$(".we-head-nav ul li").removeClass("checked");
				$(this).addClass("checked");
			})
			$(".caseList-ctn ul li").hover(function(){
				$(".hover-erm-view").hide();
				$(this).find(".hover-erm-view").show();
			})

            $(".we-head-logined").mouseover(function(){
                $(".user-txt-list").show();
                $(this).find(".user-updown").addClass("Rotate180")
            });

            $(".we-head-logined").mouseout(function(){
                $(".user-txt-list").hide();
                $(this).find(".user-updown").removeClass("Rotate180")
            });
		})
	</script>
</html>
